{include file="public/head"/}
<link rel="stylesheet" href="__PUBLIC__phone/css/index.css"/>
<body>
<!--头部-->
<header id="header">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div>
                    <img class="userImg img-responsive"  src="__PUBLIC__phone/images/user.png" alt=""/>
                    <p><span>{$user_info.number}</span> <span>资质认证</span> <img class="zls" src="{$user_info.auth}" alt=""/></p>
                    <!--<p><a href="{:url('/home/Personal/account')}">账户余额:<span>{$balance}元</span></a> <a href="{:url('/home/Personal/recharge')}">立即充值</a></p>-->
                    <p><a href="{:url('/home/Personal/account')}">账户余额:<span>{$balance}元</span></a></p>
                </div>
                <a href="{:url('/home/Personal/index')}" class="returned glyphicon glyphicon-menu-right pull-right" ></a>
            </div>
        </div>
    </div>
</header>
<!--头部-->
<!--卡包-->
<div id="cardBag">
    <div class="bagNune">
        <div class=" container">
            <div class="row">
                <div class="col-xs-6">
                    <img class=" pull-left i01" src="__PUBLIC__phone/images/sim1.png" alt=""/>
                    <div class="cardWrap pull-left">
                        <p>总卡量<br/>
                            <span>{$card_quantity.total_card}张</span>
                        </p>
                    </div>
                </div>
                <div class="col-xs-6">
                    <img class="pull-left i02" src="__PUBLIC__phone/images/bankcard.png" alt=""/>
                    <div class="cardWrap pull-left">
                        <p>本月到期量 <br/>
                            <span>{$card_quantity.expire_card}张</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- banner -->
<div id="banner">
    <img src="__PUBLIC__phone/images/index_banner.jpg" alt="">
    <p>本月总消耗 <br/>{$card_quantity.total_used}</p>
</div>
<!-- 公告 -->
<div id="Notice">
    <div class="NoticeWrap">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="prizeNews">
                        <p class="int">公告</p>
                        <ul>
                            {volist name="notice" id="no"}
                            <li><a href="{:url('/home/Index/noticeDetails',['id'=>$no['id']])}"><p class="p2"><span>{$no.title}</span></p></a></li>
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 管理 -->
<div id="manageBox">
    <div class="manageWrap">
        <table class="table table-bordered">
            <tr>
                <td>
                    <a href="{:url('/home/Shop/index')}">
                        <div class="imgBox">
                            <img class="   img-circle center-block" src="__PUBLIC__phone/images/shopping.png" alt="">
                        </div>
                        <p>在线购物</p>
                    </a>
                </td>
                <td>
                    <a href="{:url('/home/Card/index')}">
                        <div class="imgBox">
                            <img class="center-block" src="__PUBLIC__phone/images/sim.png" alt="">
                        </div>
                        <p>卡片管理</p>
                    </a>
                </td>
                <td>
                    <a href="{:url('/home/Renew/index')}">
                        <div class="imgBox">
                            <img class="center-block" src="__PUBLIC__phone/images/renew.png" alt="">
                        </div>
                        <p>续费管理</p>
                    </a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="{:url('/home/Shop/cart')}">
                        <div class="imgBox">
                            <img class=" center-block"  src="__PUBLIC__phone/images/ShoppingCart.png" alt="">
                        </div>
                        <p>购物车</p>
                    </a>
                </td>
                <td>
                    <a href="{:url('/home/Order/index')}">
                        <div class="imgBox">
                            <img class="    center-block" src="__PUBLIC__phone/images/order.png" alt="">
                        </div>
                        <p>我的订单</p>
                    </a>
                </td>
                <td>
                    <a href="{:url('/home/Index/feedback')}">
                        <div class="imgBox">
                            <img class="center-block"  src="__PUBLIC__phone/images/Problem.png" alt="">
                        </div>
                        <p>问题反馈</p>
                    </a>
                </td>
            </tr>
        </table>
    </div>
</div>
<script type="text/javascript">
    function autoScrolls(obj){
        $(obj).find("ul").animate({
            marginTop : "-30px"
        },500,function(){
            $(this).css({'marginTop':'0px'}).find("li:first").appendTo(this);
        })
    }
    $(function(){
        var uLength = $('.prizeNews').find('li').length;
        if(uLength > 1){
            setInterval('autoScrolls(".prizeNews")',3000);
        }
    })
</script>
</body>
</html>